<html>



<head>
    <meta charset="utf-8">
    <title>放置文章标题</title>
</head>

<body>

    <ul id="timestamp">

    </ul>

    <script>
        // 设置客服端Javascript
        // Window对象是所有客服端JavaScript特性和Api的主要接入点。它表示Web浏览器的一个窗口
        // 或窗体，并且可以用标识符window来引用它。window对象定义了一些属性，比如，指代Location
        // 属性，Localtion对象指定当前显示在窗口中的URL,并允许脚本往窗口里载入新的URL；


        // 设置location属性，从而跳到新的Web页面
        // window.localtion = "https://www.bilibili.com/";

        // setTimeout(function () { alert("hellow world") }, 2000);


        // 查找 id= "timestamp" 的元素
        var timestamp = document.getElementById("timestamp");
        // getElementById()返回的Element对象有其他重要的属性和方法，比如运行脚本获得它的内容,
        // 设置属性值等：

        // 如果元素为空，往里面插入当前的日期和时间
        console.log(timestamp.firstChild);
        if (timestamp.firstChild) {
            console.log("创建一个节点")
            t = document.createTextNode(new Date().toString());
            console.log(t);
            timestamp.appendChild(t);
        }
        // 更改element对象的颜色为黄色
        timestamp.style.backgroundColor = "yellow";

        // 或者只改变类，让样式表指定具体的内容
        timestamp.className = "highlight";

        // 当用户单击timestamp元素时，更新它的内容

        timestamp.onclick = function () {
            console.log(this);
            this.innerHTML = new Date().toString()
        }
        
    </script>



</body>

</html>